<%@ page language="java" contentType="text/html; charset=utf-8"   pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>留言板,享你所想</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="container right-panel-active">

    <!-- 注册 -->
    <div class="container_form container--signup">
        <form action="RegistServlet" class="form" id="form1"  method = "post" >
            <input type="hidden" name="action" value="regist">
            <h2 class="form_title">欢迎注册</h2>
            <p class="col" style="padding-top: 50px ; color: #ff0000;">${message_z}</p>
            <input name="user_name" type="text" placeholder="用户名" class="input" />
            <input name="password" type="password" placeholder="密码" class="input" />
            <input name="password2" type="password" placeholder="确认密码" class="input" />
            <button  type="submit" class="btn">注册</button>
        </form>
    </div>

    <!-- 登录 -->
    <div class="container_form container--signin">
        <form action="LoginServlet" class="form" id="form2" method = "post">
            <input type="hidden" name="action" value="login">
            <h2 class="form_title">欢迎回来</h2>
            <p class="col" style="padding-top: 50px ; color: #ff0000;">${message_d}</p>
            <input name="user_name"  value="${cookie.user_name.value}"  type="text" placeholder="用户名" class="input" />
            <input name="password" type="password" placeholder="密码" class="input" />
            <button  type="submit" class="btn">登录</button>
        </form>
    </div>
    <!-- 浮层 -->
    <div class="container_overlay">
        <div class="overlay">
            <div class="overlay_panel overlay--left">
                <button class="btn" id="signIn">登录</button>
            </div>
            <div class="overlay_panel overlay--right">
                <button class="btn" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>
    <!-- 背景 -->
    <div class="slidershow">
        <div class="slidershow--image" style="background-image: url('https://images.unsplash.com/5/unsplash-kitsune-4.jpg?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjEyMDd9&s=ce40ce8b8ba365e5e6d06401e5485390')"></div>
        <div class="slidershow--image" style="background-image: url('https://images.unsplash.com/photo-1544807459-eb0ae8cda3e0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1752&q=80')"></div>
        <div class="slidershow--image" style="background-image: url('https://images.unsplash.com/photo-1544627836-822bfe450209?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80')"></div>
        <div class="slidershow--image" style="background-image: url('https://images.unsplash.com/photo-1548197253-652ffe79752c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1075&q=80')"></div>
        <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/Snqdjm71Y5s')"></div>
        <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/5APj-fzKE-k')"></div>
        <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/wnbBH_CGOYQ')"></div>
        <div class="slidershow--image" style="background-image: url('https://source.unsplash.com/OkTfw7fXLPk')"></div>
    </div>


    <!-- partial -->
    <script src="./js/script.js"></script>
${message_z=null}
${message_d=null}


</body>
</html>

